<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>北极光婚礼策划</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/layui.css">
  </head>
  <body>
    <div class="header acc width100">
      <div class="navBack acc width100">
        <div class="headers margin width acc">
          <a href="#"><img src="./images/logo1.png" ></a>
          <nav>
            <li><a href="#">首页</a></li>
            <li><a href="#">婚礼风格</a></li>
            <li><a href="#">婚礼案例</a></li>
            <li><a href="#">婚礼套餐</a></li>
            <li><a href="#">高端定制</a></li>
            <li><a href="#">关于我们</a></li>
          </nav>
        </div>
      </div>
      <div class="banner width100">
        <!-- <a href="#"><img src="./images/banner1.png" /></a> -->
        <video autoplay="autoplay" muted="muted" loop="loop">
          <source src="./images/banner.mp4" type="video/mp4">
        </video>
      </div>
    </div>
    <div class="project width margin">
      <a href="#" class="img"><img src="./images/banner2.png" /></a>
      <div class="pro left">
        <ul class="trade">
          <li>
            <a href="#"><img src="images/pro1.png" ></a><a href="#"><h4>酒店预定</h4></a>
          </li>
          <li>
            <a href="#"><img src="images/pro2.png" ></a><a href="#"><h4>旅拍选址</h4></a>
          </li>
          <li>
            <a href="#"><img src="images/pro3.png" ></a><a href="#"><h4>婚礼摄影</h4></a>
          </li>
          <li>
            <a href="#"><img src="images/pro4.png" ></a><a href="#"><h4>婚礼策划</h4></a>
          </li>
          <li>
            <span></span>
          </li>
        </ul>
      </div>
    </div>
    <div class="styles margin width">
      <div class="styTit">
        <h1>婚礼风格</h1>
        <p>was established in ambitious and passionate entrepreneurs with the goal of emerging as leaders in the industry by providing one-stop LED illumination solutions.</p>
      </div>
      <div class="stys acc">
        <a href="#"><img src="images/500610327.png" /></a>
        <a href="#"><img src="images/500610323.png" /></a>
        <a href="#"><img src="images/婚禮_15.png" /></a>
        <a href="#" class="mores">了解更多</a>
      </div>
    </div>
    <div class="orders margin width">
      <h1>婚礼预约</h1>
      <div class="subscribe acc">
        <form action="#" method="get">
          <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="您的姓名" class="layui-input">
          <input type="text" name="phone" class="layui-input" id="" placeholder="联系方式">
          <input type="text" name="date" class="layui-input" id="test1" placeholder="结婚日期">
          <input type="text" name="mailbox" class="layui-input" id="" placeholder="您的常用邮箱">
          <input type="text" name="budget" class="layui-input" id="" placeholder="婚礼预算">
          <input type="text" name="styles" class="layui-input" id="" placeholder="想要的婚礼风格">
        </form>
        <a href="#">提交</a>
      </div>
    </div>
    <div class="infors width margin acc">
      <div class="infor left">
        <a href="#"><h1>婚礼资讯</h1></a>
        <a href="#" class="tita">was established in ambitious and passionate entrepreneurs</a>
        <a href="#" class="titb">the goal of emerging as leaders in the industry by providing one-stop LED illumination solutions.</a>
        <span></span>
        <a href="#" class="tita">was established in ambitious and passionate entrepreneurs</a>
        <a href="#" class="titb">the goal of emerging as leaders in the industry by providing one-stop LED illumination solutions.</a>
        <a href="#">了解更多</a>
      </div>
      <a href="#" class="imgs right"><img src="images/501056715.png" /></a>
    </div>
    <div class="foot acc">
      <div class="foot1 width margin acc">
        <ul>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
        </ul>
        <ul>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
        </ul>
        <ul>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">常见问题</a></li>
        </ul>
        <div class="footr right">
          <a href="#">网站地图</a><a href="#">联系我们</a>
          <p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：上海上海上海上海上海上海上海上海上海</p>
          <p>服务热线：010-22222222</p>
        </div>
      </div>
      <div class="foot2">
        <p>CopyRight © www.58pic.com , All Rights Reserved XX有限公司 版权所有 豫ICP备0000000号联系电话：0371-00000000  技术支持：xxx网络公司</p>
      </div>
    </div>
    <!-- <script src="js/layui.js"></script>
    <script>
      layui.use('laydate', function(laydate){
          laydate.render({
            elem: '#test1'
          });
      });
    </script> -->
  </body>
</html>